﻿body{
    width:100%;
    font-family:"microsoft yahei","宋体",Arial;
    color:#000;
    font-size:12px;
    background:url("../images/bj.gif") repeat scroll 0 0;
    padding:0;
    margin:0 auto;
}
body,div,ul,li,a,span,p,h1,h2,h3,h4{
        padding:0;
        margin:0;
}
ul,li{
     list-style:none;
}
a{
 color:#555;
 text-decoration:none;
}
a img{
     border:0;            
}
a:active{
        background:none;
}
a:focus{
       outline:none;
}
img{
  display:block;
  max-width:100%;
  margin:0 auto;
}
div,ul,li,a{
  box-sizing:border-box;
}
.none{
  display:none;
}
.clearfix{
  content:".";
  display:block;
  visibility:hidden;
  height:0;
  clear:both;
}
.clear{
  clear:both;
}


/*header头部*/


#header{
    width:100%;
    height:110px;
    font-size:16px;
    background:url("../images/header_bg.png") repeat-x scroll 0 0;
    border-bottom:1px solid #C70B19;
    position:fixed;
    top:0;
    z-index:99999999999;
}
.header_box{
           max-width:1200px;
           height:109px;
           margin:0 auto;
           position:relative;
                     
}
.logo{
     width:15%;
     height:109px;
     display:block;
     float:left;
     padding:20px 0;
         
}
.u_r{
  width:85%;
  height:109px;
  float:right;
}
.u_r a{
    color:#000;
}

.u_r ul{            
     width:87%;
     height:109px;
     float:left;
     padding:0 0 0 2%;
     
}
.active{
  background:url(../images/n_bg.png) no-repeat scroll 0 0;

}
.header_box ul li a{
                 width:10%;
                 height:47px;
                 display:block;
                 padding:3px 0;
                 border-radius:3px;
                 float:left;
                 margin:60px 0.5%;
                 text-align:center;
}
.header_box ul li a:hover{                      
                      background:url(../images/n_bg.png) no-repeat scroll 0 0;
                      color:#fff;
}


.u_shz{
     width:11%;
     height:26px;
     display:block;
     float:right;
     background:#c60c17;
     border-radius:4px;
     float:right;
     margin:60px 0 23px 5px;
     font-family:arial;
     font-size:12px;
     text-align:center;
     line-height:25px;
}
.u_shz:hover{
                      background:#e04f20;
}
.u_shz a{
            color:#fff;
            
}
.u_shz a:active{
                         background:none;
            
}
.header_box p{
             position:absolute;
             top:20px;
             right:0;
             color:#C70B19;
             font-size:22px;
             font-weight:600;
} 


/*banner条*/


#banner{
       max-width:1920px;
       height:950px;
       position:relative;
       margin:-18px auto 0;
       overflow:hidden;
}
#bol{
    width:300px;
    height:18px;
    position:absolute;
    left:43%;
    bottom:35px;
z-index:30000;
}
#bol img{
        width:18px;
        height:18px;
        display:inline-block;
        margin-right:50px;
        cursor:pointer;
}





#banner ul li{
             width:1920px;
             position:absolute;
             top:0;
             left:50%;
             margin-left:-960px;
          filter:alpha(opacity:0);
          opacity:0;
}
.m-show{
       max-width:1920px;
       display:none;
       position:relative;
       margin:-18px auto 0;
       overflow:hidden;
}



/*主体部分*/
.sec{
    margin:0 auto;
    margin-top:60px;
}
.s_about{
        width:100%;
        height:440px;
        background:#f9f9f9;

}
.s_body{
       width:1200px;
       margin:0 auto; 
       position:relative; 
       text-align:center; 
}
.s_about_u{
           background:url(../images/aboutus.gif) no-repeat scroll 0 20px;
           width:160px;
           height:60px;
           font-size:26px;
           color:#666;
           font-family:"方正兰亭细黑";
           text-align:center;
           position:absolute;
           top:20px;
}
.s_about_a{
           width:160px;
           font-size:22px;
           color:#666;
           text-align:center;
           position:absolute;
           top:62px;
           font-family:"方正兰亭细黑";
}

.s_about_pic{
           width:460px;
           height:310px;
           position:absolute;
           top:110px;
}
.s_about_pic img{
           width:300px;
           height:220px;
}
.s_about_c{
           position:absolute;
           font-size:26px;
           color:#c70b19;
           top:112px;
           left:500px;

}
.s_about_p{
          position:absolute;
          font-size:18px;
          color:#1E1E1E;
          letter-spacing:1px;
          text-indent:2em;
          text-align:left;
          line-height:28px;
          top:160px;
          left:500px;
          padding-right:10px;

}
.s_about_i{
          width:80px;
          background:#c70b19;
          border-radius:4px;
          position:absolute;
          right:3px;
          top:350px;
          text-align:center;
          padding:7px 0;
}
.s_about_i a{
            color:#fff;
}
.s_about_i:hover{
                background:#e04f20;
}


/*产品展示*/

.productes{
         max-width:1200px;
         margin:20px auto;
         text-align:center;
}
.productes img{
  margin:0 auto;
}
.productes p{
            font-size:24px;
            color:#1e1e1e;
            font-weight:bold;
            letter-spacing:5px;
}
.productes span{
               display:block;
               font-size:24px;
               color:#b2b2b2;
               letter-spacing:4px;
               margin:10px;
}


.p_list{
       max-width:1200px;
       margin:20px auto 0;
}

.p_list ul li{
             width:23%;             
             border:1px solid #e0e0e0;
             float:left;
             margin:10px 2% 10px 0;
             
}

.p_list ul li:first-child+li+li+li{
                          margin-right:0;
}

.p_p{
    width:90%;
    padding:20px 0;
    margin:0 auto;
}
.p_p a{
      display:block;
      width:100%;
      overflow:hidden;
}


.p_p a:hover img{
              transform:scale(1.1);
              -ms-transform:scale(1.1);
              -moz-transform:scale(1.1);
              -webkit-transform:scale(1.1);
              -o-transform:scale(1.1);
}
.p_p a img{
        transition:all 0.5s ease 0s;
        -webkit-transition:all 0.5s ease 0s;
        -ms-transition:all 0.5s ease 0s;
        -o-transition:all 0.5s ease 0s;

}
.p_list h3{
          height:30px;
          /*background:rgba(0,0,0,0.1);*/
          background:url("../images/pr_bg.png") repeat-x scroll 0 0;
          font-size:15px;
          color:#555;
          font-weight:500;
          padding:15px 0;
          position:relative;
}
.p_list h3 span a{
               position:absolute;
               right:8px;
               bottom:5px;
               letter-spacing:0.8px;
               color:#C70C18;
               font-size:12px;
               font-weight:bold;
               font-style:oblique;
}
.p_list h3 a:hover,a:active{
                           color:#df4f1f;
                           font-style:normal;
}

.s_spacing{
          height:80px;
          clear:both;
}

.s_news{
     max-width:1200px;
     height:250px;
     margin:auto;
     position:relative;
}
.s_news_l{
         width:16%;
         height:250px;
         float:left;
         background:#c70b19;
         color:#fff;
         font-family:"兰亭细黑",Arial;
         text-align:center;
}
.s_news_l h3{
            font-size:33px;
            transform: scale(1,1.2);
            letter-spacing:1px;

            margin:50px auto 0;
}
.s_news_l span{
              font-size:20px;
              margin-left:-20px;
}
.s_news_l a{
           display:block;
           color:#fff;
           width:40%;
           height:25px;
           line-height:25px;
           font-size:16px;
           border:1px solid #fff;
           margin-top:60px;
           margin-left:45%;
}
.s_news_l a:hover,a:active{
                         background:#af0b16;
}
.s_news_m{
         width:45%;
         height:250px;
         float:left;
         padding:15px 20px;
         background:#fff;
         font-size:13px;
         color:#666;
}
.s_news_m li{
            width:100%;
            height:35px;
            line-height:35px;
            background:url("../images/news_line.jpg") repeat-x scroll 0 34px;            

}
.s_news_m li a{
              background:url("../images/news_ico.jpg") no-repeat scroll 0 7px;
              padding-left:15px;

}
.s_news_m li a:hover,a:active{
                             color:#DF4F1F;
}
.s_news_m li span{
                 color:#c70c18;
                 float:right;
}
.s_news_r{
         width:32%;
         height:250px;
         float:left;
         margin-left:5%;
         background:#fff;
         text-align:center;
      
}
.s_news_r .n_top{
  width:100%;
  height:20px;
  background:#d5d5d5;
  color:#ffffff;
  position:relative;
  top:22px;
}
.n_top h3{
  position:absolute;
  top:-16px;
  left:20px;
  color:#C70B19;
  font-weight:bold;
  font-size:20px;
}
.n_top a{
  line-height:20px;
  position:absolute;
  right:15px;
  color:#c70b19;
  font-style:oblique;
  font-weight:bold;
}
.n_top a:hover,a:active{
  font-style:normal;
  cursor:pointer;
  background:none;
}
.n_body{
  width:100%;
  padding:35px 15px 15px;
}
.n_body .b_l{
  width:38%;
  float:left;
}
.n_body .b_r{
  width:57%;
  float:right;
  text-align:left;
  font-size:13px;
  letter-spacing:1px;
  color:#666666;
  overflow:hidden;
}
.n_body .b_r h3{
  font-size:16px;
  margin:5px 0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.n_body .b_r p{
  text-indent:2em;
  margin-top:3px;
  line-height:1.6;
}
.n_body .b_r p a:hover,a:active{
  color:#E04F20;
}

.proj{
     max-width:1200px;   
     margin:50px auto; 
}


.proj li{
  display:block;
  margin:30px auto;
  zoom:1;
}
.proj li:after{
  display:block;
  height:0;
  content:"";
  visibility:hidden;
  clear:both;
}

.pr_l{
  width:43%;
  float:left;
  
}
.pr_l img{
  margin:0;
}

.pr_r{
  width:53%;
  float:right;
  font-size:16px;
  padding:20px;
}
.pr_r >div:first-child{
  font-size:20px;
  color:#e04f20;
  font-weight:bold;
  background:url("../images/news_line2.jpg") repeat-x scroll 0 60px;
  padding:20px 15px;
}
.pr_r >div:last-child{
  font-size:16px;
  padding:5px;
  line-height:1.7em;
}
.pr_r a{
  color:#c70b19;
}

/*企业优势*/
.about_list{
     
     margin:50px auto;
     display:flex;
  
}
.about_list li{
  width:23%;
  float:left;
  text-align:center;
  margin:10px 2% 10px 0;
  box-shadow:1px 1px 9px 1px #adacac;
  list-style:none;
}
.about_list li img{
  width:100%;
}
.list_p1{
  font-size:20px;
  color:#c70b19;
  line-height:1.4;
  margin:8px 0;
}
.list_p2{
  font-size:14px;
  color:#666;
  line-height:1.4;
  padding:5px 10px 15px 10px;
  margin:0;
}


/*常见问题*/
.content{
    width:1200px;
    margin:50px auto;
  }
  .c-top{
    width:90%;
    height:20px;
    background:#d5d5d5;
    margin-top:22px;

  }
  .c-top h3{
    position:absolute;
    top:8px;
    left:20px;
    color:#c70b19;
    font-size:20px;
  }
  .c-top a{
    position:absolute;
    right:30px;
    line-height:20px;
    font-weight:bold;
    color:#c70b19;
    font-style:oblique;
    text-decoration:none;
  }
  .c-top a:hover,a:active{
    font-style:normal;
    cursor:pointer;
  }
  .c-f{
    width:50%;
    background:url(../images/cbg.jpg) no-repeat;
    position:relative;
    /*float:left;*/
  }
  .c-body{
    width:560px;
    padding:10px 20px;
    font-size:14px;
    color:#666;
  }
  .c-l li{
    height:120px;
    list-style:none;
    background:url(../images/news_line.jpg) repeat-x scroll 0 108px;
    color:#666;
  }
  .c-body h3{
     height:35px;
     background:url(../images/quetion.png) no-repeat;
     padding:0 35px;
  }
  .c-l p{
    background:url(../images/answer.png) no-repeat;
    padding:0 35px;
  }
  .cr-body{
    width:560px;
    padding:15px 20px;
    font-size:14px;
    color:#666;
  }
  .c-body a:hover,a:active,.cr-body a:hover,a:active{
    color:#DF4F1F;
  }
  .c-r li{
    list-style:none;
     height:38px;
     line-height:38px;
     background:url(../images/news_line.jpg) repeat-x 0 36px;
     color:#666;
  }
  .c-r li a{
    background:url(../images/news_ico.jpg) no-repeat 0 7px;
    padding-left:20px;
    
    text-decoration:none;
  }
  .c-r li span{
    color:#c70c18;
    float:right;
  }




.proj2{
     max-width:1200px;
     margin:0 auto; 
     display:none;    
}
.proj2 ul{
          max-width:1136px;
          margin:0 auto;
          overflow:hidden;
}
.proj2 ul li{
             max-width:25%;
             float:left;
             padding:1%;
}
.proj2 ul li img{
                 
                 transition:all 0.5s ease 0s;
}
.proj2 ul li:hover img{
                       transform:scale(1.2);
}


.pic{
    width:1920px;
    height:596px;
    background:url("../images/zzz.jpg") no-repeat scroll center center;
    margin:50px auto;
}

/*footer部分*/
.footer{
       width:100%;
       
       background:#252525;
       margin:60px auto -10px;

}
.f_l{
    max-width:1200px;
    margin:0 auto;
    padding-top:25px;
    overflow:auto;
}
.f_l .f_lf{
  width:65%;
  float:left;
}
.f_l ul li{
          width:16.5%;
          text-align:center;
          float:left;
}

.f_l ul li a{
          
          height:30px;
          line-height:30px;
          display:block;
          font-size:16px;
          color:#a2a2a2;
          text-align:center;

}
.f_l .f_lf .lxdz{
  font-size:15px;
  color:#a2a2a2;
  margin:80px 6% 0;
}

.f_l .f_lf .lxdz a{
  color:#a2a2a2;
}

.f_l .ewm{
          width:35%;
          height:240px;
          float:right;
          text-align:center;
          overflow:auto;
}
.f_l .gz{
          width:33%;
          padding:10px;
          float:left;  
}
.f_l .ewm h3{
            margin:6px auto;
            color:#a2a2a2;
            font-size:14px;
            font-weight:500;
}
.f_l .ewm img{
            margin:6px auto;
            
}
.f_l .ewm span,.f_l .ewm  a{
  font-size:14px;
  color:#a2a2a2;
}
.f_l ul li a:hover,.ewm a:hover{
                  color:#DF4F1F;
}
.f_l ul li a:active{
                  background:none;
}
.f_b{
    width:1150px;
    height:35px;
    margin:0 auto;
    font-size:14px;
    color:#a2a2a2;
    padding-left:50px;
}

.f_city{
  max-width:1200px;
  margin:10px auto;

}
.f_city a{
  font-size:15px;
  color:#a2a2a2;
  padding-right:5px;
}


/*友情链接*/
.fr_link{
    width:100%;
    background:#252525;
    color:#a2a2a2;
    font-size:14px;
    border-bottom:2px solid #c70b19;
    margin-bottom:-15px;
}
.fr_link_c{
     width:1200px;
     margin:0 auto;
     padding:10px 0;
}
.fr_link h3{
    font-size:15px;
    color:#DF4F1F;
    font-weight:bold;
}
.fr_link li{
    display:inline-block;
    padding-right:7px;
}


/*侧边栏*/

#menu{
     max-width:80px;
     position:fixed;
     top:20%;
     right:1px;
     z-index:888888;
     text-align:center;
     color:#c70b19;
     cursor:pointer;
     border-top:15px solid #c70b19;
     border-bottom:15px solid #c70b19;
}
#p_ewm{
      width:151px;
      height:151px;
      position:absolute;
      top:68px;
      right:40px;
      filter:alpha(opacity:0);
      opacity:0;
      display:none;
      box-shadow:1px 1px 15px rgba(0,0,0,0.4);
      z-index:-2;
}
#p_oln{
      width:160px;
      height:80px;
      background:white;
      position:absolute;
      top:150px;
      right:40px;
      font-size:18px;
      text-align:center;
      line-height:80px;
      filter:alpha(opacity:0);
      opacity:0;
      display:none;
      box-shadow:1px 1px 15px rgba(0,0,0,0.4);
      z-index:-1;
}


#qqline{
       max-width:80px;
       background-color:white;
       background-image:url(../images/m0.png);
       background-repeat:no-repeat;
       background-position:center 5px;
       padding-top:45px;
}
#phweb{
       max-width:80px;
       margin-top:2px;
       background-color:white;
       background-image:url(../images/m1.png);
       background-repeat:no-repeat;
       background-position:center 12px;
       padding-top:52px;
}
#phonline{
       width:80px;
       margin-top:2px;
       background-color:white;
       background-image:url(../images/m2.png);
       background-repeat:no-repeat;
       background-position:center 13px;
       padding-top:51px;
}
#gotop{
       width:80px;
       height:63px;
       margin-top:2px;
       background-color:white;
       background-image:url(../images/m3.png);
       background-repeat:no-repeat;
       background-position:center center;

}


@media (min-width:1200px){
  .m-show{
    display:none;
  }
  .c-f{
    float:left;
    
  }

}

@media (min-width:992px) and (max-width:1199px){
  .m-hidden,.s_about,#banner{
       display:none;
   }
  .m-show{
      display:block;
   }

  .productes p{
              font-size:20px;
              letter-spacing:5px;
  }
  .productes span{
                 font-size:20px;
                 letter-spacing:4px;
                 margin:10px;
 }
/* .proj{
      display:none;
}*/
 /*.proj2{
      display:block;
}*/

.c-f{
    float:left;
    
  }

 .footer{
       margin:50px auto -100px;

 }
 .f_l ul li a{
          font-size:14px;

 }
 .f_l .f_lf .lxdz{
  font-size:14px;
}


}

@media (min-width:768px) and (max-width:991px){
  .h_hidden,.s_about,.m-hidden,.s_news_r{
    display:none;
  }
  .logo{
    padding:30px 0;
  }
.m-show{
      display:block;
   }
  .productes p{
              font-size:20px;
              letter-spacing:5px;
  }
  .productes span{
                 font-size:20px;
                 letter-spacing:4px;
                 margin:10px;
  }
  .p_list ul li{
             width:46%;

             
  }
  .list_p1{
  font-size:16px;
 
}
.list_p2{
  font-size:12px;

}
 .s_news_l{
         width:25%;

  }
 .s_news_m{
  width:75%;

  }
 /*.proj{
      display:none;
  }*/
.pr_r >div:first-child{
  font-size:16px;
  background:url("../images/news_line2.jpg") repeat-x scroll 0 55px;
  
}
.pr_r >div:last-child{
  font-size:14px;
}

/* .proj2{
      display:block;
  }*/

  
   .f_l ul li a{
          font-size:14px;

  }
  .f_hidden{
    display:none;
  }
  .f_l ul li{
          width:25%;
}
 .f_l .f_lf .lxdz{
  font-size:12px;
}




}

@media (min-width:480px) and (max-width:767px){
  #header .h_hidden,.s_about,.m-hidden,.s_news_r,.s_news_l{
    display:none;
  }
    .logo{
    display:none;
  }
  #header{
    height:51px;
}
  .header_box,.u_r ul{
    height:50px;

  }
  .u_r{
    width:100%;
    height:50px;
  }
  .header_box ul li a{
                 height:37px;
                 margin:10px 0.5%;
}
.u_shz{
     height:26px;
     margin:12px 0 12px 5px;
     line-height:25px;
}
.sec{
  margin:0 auto;
}
.header_box p{
  display:none;
}
  .m-show{
      display:block;
   }
  .productes p{
              font-size:20px;
              letter-spacing:5px;
  }
  .productes span{
                 font-size:20px;
                 letter-spacing:4px;
                 margin:10px;
  }
  .p_list ul li{
             width:46%;           
  }
  .list_p1{
  font-size:14px;
}
.list_p2{
  font-size:10px;

}
  .s_news_m{
  width:100%;

  }
  .s_spacing{
    height:30px;
  }
 /*.proj{
      display:none;
  }*/
.pr_r >div:first-child{
  font-size:14px;
  background:url("../images/news_line2.jpg") repeat-x scroll 0 62px;
}
.pr_r >div:last-child{
  font-size:12px;
}

/* .proj2{
      display:block;
  }*/
  .c-top h3{
    top:5px;
    font-size:16px;
  }

   .f_l ul li a{
          font-size:14px;

  }
    .f_hidden{
    display:none;
  }
  .f_l ul li{
          width:25%;
  }
   .f_l .f_lf .lxdz{
  font-size:12px;
 }
 .fl_hidden{
  display:none;
 }
 .f_l .ewm h3 {
    font-size: 14px;
 }
 .f_l .ewm a {
    font-size: 12px;
 }

}



@media (max-width:479px){
  #header .h_hidden,.header_box p,#header .sm-visible,.s_about,.s_news_r,.s_news_l{
    display:none;
  }
    .logo{
    display:none;
  }
  #header{
    height:46px;
}
  .header_box,.u_r ul{
    height:45px;
  }
  .sec{
  margin:0 auto;
  }
  .u_r{
    width:100%;
    height:45px;
  }
  .header_box ul li a{
                 width:15%;
                 height:37px;
                 margin:10px 0.5%;
}
.u_shz{
     height:26px;
     margin:10px 0 9px 5px;
     line-height:25px;
}
  .m-hidden{
       display:none;
}
  .m-show{
      display:block;
   }
  .productes p{
              font-size:20px;
              letter-spacing:5px;
  }
  .productes span{
                 font-size:20px;
                 letter-spacing:4px;
                 margin:10px;
  }
  .p_list ul li{
             width:46%;

             
  }
  .list_p1{
  font-size:14px;

}
.list_p2{
  font-size:9px;

}
 .s_news_m{
  width:100%;

  }
  .s_spacing{
    height:20px;
  }

.s_news_m li{         
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
}
 /*.proj{
      display:none;
 }*/
.pr_r >div:first-child{
  font-size:12px;
  background:url("../images/news_line2.jpg") repeat-x scroll 0 65px;
}
.pr_r >div:last-child{
  font-size:10px;
}

/* .proj2{
      display:block;
 }
   .proj2 ul li{
             max-width:50%;

  }*/

  .c-top h3{
    top:3px;
    font-size:14px;
  }


   .f_l ul li a{
          font-size:12px;

  }
    .f_hidden{
    display:none;
  }
  .f_l ul li{
          width:25%;
}
   .f_l .f_lf .lxdz{
  font-size:14px;
 }
 .f_l .f_lf {
    width:100%;
 }

 .fl_hidden{
  display:none;
 }
 .f_l .ewm {
   display:none;
 }




}


